<template>
  <div>
    <vue-qr
      class="qrCode"
      :logoSrc="imageUrl"
      :text="popData.text"
      :size="size"
    />
  </div>
</template>
<script>
import vueQr from 'vue-qr'
export default {
  props:['popData'],
  data() {
    return {
      imageUrl: 'https://cdn.lesscoding.net/charge_duck.png',
      size: 300
    }
  },
  components: {
    vueQr
  }
}
</script>
<style>
  .qrCode{
    margin-left: 50px;
    margin-top: 50px;
  }
</style>
